.dividing-step {
  margin-top: 0.1406rem;
  width: 100%;
  border: 1px solid #e7ebee;
}
.first-step {
  .first-button {
    display: flex;
    .button {
      background: #c71d32;
      font-size: .0846rem;
      padding: 0.0625rem 0.1563rem;
      font-weight: 600;
      color: white;
      margin-top: 0.151rem;
      margin-bottom: 0.251rem;
    }
  }

  width: 100%;
  display: flex;
  flex-direction: column;
  .first-step-top {
    width: 100%;
    display: flex;
    font-size: 0.0833rem;

    margin-left: 0.125rem;
    .button {
      margin-right: 0.3125rem;
      font-weight: bold;
      position: relative;
      .line {
        position: absolute;
        bottom: -0.0665rem;
        left: 50%;
        width: 0.2448rem;
        transform: translate(-50%);
        height: 0.0156rem;
        background: #c71d32;
        border-radius: 0.0156rem 0.0156rem 0px 0px;
      }
    }
  }
  .sel {
    color: #c71d32;
  }

  .nosel {
    color: #2d2d2d;
  }

  .dividing {
    width: 100%;
    margin-top: 0.0625rem;
    border: 1px solid #e7ebee;
  }
}

.selection {
  display: flex;
  flex-direction: column;
  margin-top: 0.1927rem;
  .selection-part {
    display: flex;
    .title {
      font-size: 0.0842rem;
      color: #2d322f;
      font-weight: bold;
    }
    .first-line {
      margin-top: 0.0313rem;
    }
    .selection-right {
      display: flex;
      flex: 1;
      flex-wrap: wrap;
      font-size: 0.0833rem;
      margin-left: 0.1875rem;
      .selection-right-part {
        padding: 0.0521rem 0.1042rem;
        border: 0.0052rem solid #aeaeae;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-right: 0.1042rem;
        margin-bottom: 0.1rem;
      }
      .selection-sel {
        color: #c71d32;
      }
      .selection-nosel {
        color: #2d2d2d;
      }

      .frame {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: -0.0052rem;
        border: 0.0104rem solid #c71d32;
        img {
          width: 0.1198rem;
          position: absolute;
          right: -0.0052rem;
          bottom: -0.0052rem;
          height: 0.1198rem;
        }
      }
    }
  }
  .selection-part:nth-child(n + 2) {
    align-items: center;
  }
  .selection-part:nth-child(2) {
    margin-top: 0.2604rem;
    .fabric-right {
      display: flex;
      flex-wrap: wrap;
      margin-left: 0.1875rem;
      .button {
        font-size: 0.0833rem;
        padding: 0.0521rem 0.1667rem;
        color: white;
        background: linear-gradient(0deg, #232481, #3644bf);
        margin-right: 0.1042rem;
      }
    }
  }
  .selection-part:nth-child(4) {
    margin-top: 0.25rem;
    width: 90%;
    display: flex;
    .right-sel {
      margin-left: 0.1875rem;
      flex: 1;
      .right {
        display: flex;
        width: 1rem;
        
      }
    }
  }
  .selection-part:nth-child(3) {
    margin-top: 0.1858rem;
    width: 90%;
    .right-sel {
      flex: 1;
      margin-left: 0.1875rem;
      background: #f9f9f9;
      display: flex;
      align-items: center;
      color: #696969;
      justify-content: space-between;
      border: 1px solid #c5c5c5;
      padding: 0.0521rem 0.1042rem;
      font-size: 0.0833rem;
      .right {
        display: flex;
        align-items: center;
        .button {
          margin-left: 0.125rem;
          font-size: 0.0729rem;
          color: #c71d32;
          padding: 0.0234rem 0.0833rem;
          border: 1px solid #c71d32;
        }
      }
    }
  }
}
